Results matching “Web Design and Development” from Ye Olde Rad Blog III

Created a dedicated 'Guides' page. See here » Radified Guides. Been meaning to do that for .. eons. This will allow me to off-load the guides listed here on the home-page, so I can clean it up.

I indented & right-aligned every other link .. to make them easier to read. What do you think? When the links were all lined-up together & left-aligned, they seemed too .. similar.

Eventually I'd like to include a representative graphic for each guide/link. But for now, I just wanted to create a page that contains a repository of the links to all our guides.

On a related note, I've been looking more deeply into MODx, the Content Management System (CMS). They are fixin' to release a new version (complete-rewrite, from the ground up, based on PHP5) .. called » REVOLUTION. (Current version is called » EVOLUTION.)

Drupal would be cool, but it's way too sophisticated for what I need. I don't want/need a PhD in CMS's. Here's a MODx site, for example. (I used to live in Lancaster, PA .. the heart of Amish country. Nice people there.)

I'd like to become intimately familiar with a good CMS .. as another skill to add to my digital toolkit. Only way to do that is » use one daily.

The good people at MODx claim a 'Release Candidate' version of REVOLUTION will be coming » "Winter 2009" (.. which is now). [ Notice how the words 'Summer 2009' have been lined-out. ] UPDATE » They just changed the RC date to "Spring 2010". Hmmm.

The MODx site is running REVOLUTION. I'm in no hurry, tho. Rather make a good decision than a hasty one.

Enrolled in Amazon's Affiliate program, something I probably shoulda done years ago. They claim it takes ~3 days to process an application, but I received my acceptance letter today. (Applied late last night.)

Being a n00b, I don't know much about their program yet, except that they pay a percentage whenever a visitor clicks a link on my site and makes a corresponding purchase. (How big of a percentage I'm not sure.)

I've long included links to books at the Amazon site [ in pages such as this one » Best Books for Learning the Basics of Web Site Design (XHTML & CSS), and this one » Andy Budd's Book: CSS Mastery ] without ever taking advantage of their program.

If I start making considerable cash, I'll be bummed that I didn't enroll sooner. And if I don't (earn cash), I'll be bummed too, for wasting my time with this program. So either way .. which might be why I hesitated so long.

What I like best about the Amazon program is that it allows me to monetize the site without including visible ads (.. unlike Google's AdSense program). All I need to do is add the following code to the end of each Amazon link » ?ie=UTF8&tag=radifiedcom-20. So it's virtually invisible to visitors. If I didn't tell you, you might never know.

I also like that it doesn't cost visitors anything extra when purchasing a book via a link from this site.

After establishing an 'Associate' account (and logging in to the Amazon site), a toolbar magically appears at the top of the browser window whenever I visit Amazon.com.

The Associate toolbar allows me to create targeted links to the particular book/page I'm at/on .. with a single click. Couldn't be easier. I simply paste the auto-generated code into my web page.

"Hey Rad Man!" began an email I received last week. "I'll pay $100 for a link on your Downloads page." Of course, there's no way of knowing if such offers are legit .. until the cash arrives.

 I've researched Search Engine Optimization (SEO) enough to know I don't much care for it.

Programming I enjoy, but SEO contains a seemingly endless amount of info to digest, some of which conflicts from site to site.

And the suggested techniques are often time-consuming, with dubious results that demand the patience of a saint before you start to see results. Rather focus my energies on generating original content.

Moreover, some of the techniques used to 'optimize' web pages (for higher search engine rankings) seem manipulative, if not downright dishonest. Many of the SEO sites I've visited have a 'slimy' feel to them » detailing how to trick search engines into ranking your pages higher.

I learned that links from 'ranked' pages will (in turn) yield greater 'importance' to the pages that those links aim at (point to). This is (I assume) what this person had in mind when she contacted me.

The email seemed both professional and specific. (Not slimy.) The girl was clear about what she wanted. And best of all, her proposal could be implemented minutes. (Simple.)

The problem was .. that the page they wanted a link on was created back when I knew squat about web standards (XHTML & CSS). The underlying mark-up (code) was a rat's nest of deprecated tags and coding no-no's.

Downright embarrassing .. from a webmaster's point-of-view. Miracle the page would render at all (.. even in 'quirks' mode).

While surfing the web recently, I've noticed more website authors including a photograph of themselves on their home page (.. places such as here & here) .. aka 'mugshots'.

I forget when I added it, but my mugshot has been posted there for quite some time. It was taken at night (at the Noguchi sculpture garden in Costa Mesa after a yummy Italian dinner), and the flash illuminated only my image (nothing behind). So the background is dark .. which works nicely with the page design (dark background).

I even sampled the exact shade of black contained in the photo's background, so I could blend the photo perfectly into its surrounding box.

Personally, I like to see a photo of the authors whose sites I visit and whose articles I read. It's been said » the eyes are the windows of the soul. In other words, you can get a good idea of a person from a photo.

It actually took more courage than you might think to post that pic there .. so prominently .. for all the world to see .. the online version of stagefright. (Tho I wouldn't be surprised if some printed it out, blew it up, and used it as a dartboard .. or for other things.)

If I knew then what I know now. Ever uttered those words? Looking back on my progression of web skills, one omission stands out » incorporating the use of templates to help develop & maintain the pages of my web site.

Templates are both powerful & flexible for two reasons:

1. They speed up site development, by allowing the rapid creation of web pages based on a preformed (uniform) structure .. so all your pages have the same look & feel.
   
   
2. They facilitate site maintenance, by enabling structural changes site-wide via the editing of a single-file .. similar to how CSS works. This aspect of templates is considerably more significant than item #1.

If your web site grows bigger than expected (as they usually do), and you want to make structural changes (non CSS-based changes) to your web pages, you'll have to edit each page individually (.. which suks giant goose eggs). Tedious maximus.

When CSS came along, website designers could transfer all style controls into a single file, so that the look of an entire site could be modified by editing a single file (provided, of course, the entire site was based off of the same style sheet). Very cool development.

But what about structural changes? That's where templates come in. To be honest, I'm not sure if web design programs (such as Dreamweaver and Expression) had the ability to generate templates back when I launched the site. But they do now.

With world-economies teetering somewhere between a nasty recession and full-on depression, more folks are turning to open source (free) software to meet their home computing needs.

If you've been Radified any length of time, you know that cloning programs are our specialty, especially when used as a tool to backup your system partition (where Windows resides) by creating an image file.

So the question naturally becomes » What's the best free cloning program?

I've tried many options, such as Macrium and O&O DiskImage Express, but never quite found what I was looking for .. until today, that is.

Perhaps I should interject by saying that, regarding the NOT-free solutions, I've found that Ghost, along with Image-for-Windows to be the best for-co$t disk-cloning tools. (By 'best' I mean » most reliable.) Ghost is also way faster than any other cloning product I've demo'ed .. if speed is important to you.

Lots of people also like True Image, but I had problems with it. (Errors I couldn't resolve.)

But what if you can't afford those apps? Then what? We still need an industrial-strength (nuclear-grade) backup tool. Enter Clonezilla. (Standing ovation.)

First, I'm not crazy about the name .. nor the website's design, especially the tiny menu on the left-side that I can barely read. (Update - looks like they fixed the tiny-menu problem after I posted this.)

Heck, I don't even like their logo (white Linux penguin inside orange penguin). But I *am* impressed with the tool itself .. now that I've had a chance to try it.

Yes, it's significantly more complicated to use than either Ghost or Image-for-Windows, but I don't feel this complexity is a barrier to those with a moderate degree of computer sophistication. (Such as the folks who frequent Radified.)

Note that .. a cloning program can (if used inadvertantly) trash your entire system and wipe out every every file on your hard drive .. with a single click. So you can't experiment like you can with other programs (.. such Photoshop Elements or Sound Forge, for example). In other words, you need to know wtf you're doing.

Perhaps I should begin by defining some terms.

Redesigned the site's » Archive index page (from scratch). It contains links to all monthly archives posted since the site's launch (summer of 2000). Gateway to Memory Lane.

Been meaning to do that for some time now (years, actually). That page was the single-most mucked-up page on the entire site. The code was a rat's nest of deprecated standards, poor design choices and mark-up errors. I'm surprised it would render.

Began that page back when I knew very little about HTML and before I'd even heard of CSS. Over the years, the muck seemed to multiply as the page grew. It's not a highly trafficked page, so I didn't worry about it.

Tho at sundry times, I'd go in and try to manually clean up the code. That always proved an exercise in futility. Seemed like the more I tried, the worse things got. The only real solution was a complete makeover (a move which could be viewed as symbolic of the site's growth and development).

Now the page contains a third the mark-up it did before (10-KB vs 30) and the styling looks 3X cleaner, by making use of advanced techniques such as colgroup styling for better readability. Leaner, meaner and faster-loading.

While recovering from the crud this weekend, I took the opportunity to work thru a video-tutorial for Dreamweaver CS4 .. consisting of ~10 hours worth of instruction and 18 chapters.

So I've gotten up-to-speed on DW.CS4 .. the world's finest web design software. (This page you're reading now was created with Dreamweaver.)

Excellent tutorial. Last year, I worked thru the same title (» Essential Training) for Dreamweaver CS3, which was also good. But this one (done by different guy) was noticeably better.

I especially liked how the guy who narrates this video tutorial (for DW.CS4) spent significant time focusing on the intracacies of working with CSS.

Been researching the best way to get my feet wet in the world of Programming .. and I think I might've found an answer » How to Design Programs.

More info about HtDP can be found at » Teach Scheme. It's based on the classic Structure & Interpretation of Computer Programs (SICP), which which Peter Norvig calls "probably the best introduction to computer science."

SICP was created by two professors at MIT. You can actually watch the SICP videos » HERE (very cool). Here, too.

Everything about both SICP & HtDP is free (freely downloadable) .. tho you can also purchase dead-tree versions of these texts.

HtDP, which is a watered-down version of SICP, even comes with a graphical "programming environment" called DrScheme, which offers 5 incremental language-functionality settings (to avoid overwhelming the n00b):

1. Beginning Student
2. Beginning Student with List Abbreviations
3. Intermediate Student
4. Intermediate Student with Lambda
5. Advanced Student

Downloaded & installed a demo of the latest version of Dreamweaver (CS4, released last month). Been exploring its new features. (Using it right now.)

I'm impressed. The improvements are actually useable (unlike most software upgrades). Fact, I'm more impressed with this upgrade than any upgrade .. of any software -- ever!

Adobe claims to have ventured out on the road to interview real-life web designers & developers .. folks who use Dreamweaver daily.

It shows. Every improvement solves a problem I've had myself. Kudos to whoever mapped the upgrade path. It's the first time I've felt Dreamweaver was finally the program it should be.

Almost forgot .. June 5th was the site's » 8th anniversary. Happy birthday to Radified.

Was a little distracted at the time. No wonder I missed it. Everything turned out okay, tho. (So we're good to go.)

This is where I usually review the site's origins, philosophy, milestones & future. But I recently revised the About page to include this (+ inject more Rad techno-ego).

Eight is a long time in web-years. We were just getting started back when the dot-com industry was melting-down. Consequently, a small percentage of sites on the web today are older than 8.

This is our first b-day at our new VPS. Maybe someday we'll host on a dedicated web server, or at least a hybrid.

Besides a new web host, this past-year we got an open source version of Movable Type, a new table-less layout for the home page, a new Rad URL (compliments Apache mod_rewrite), and numerous upgrades to the forum (compliments YaBB).

Micro$oft has a cool program that enables students worldwide to download expen$ive software for FREE » DreamSpark ..

.. which includes applications of both development (US$800) & design (US$700).

Smart move by M$, since students can't afford expen$ive software, anyway. (It's not like they're gonna forfeit any revenue.) "Indoctrinate them early & often," I always say.

Believe M$ launched program Feb '08. All downloadable programs li$ted » AQUI.

Speaking of free software (freeware) from M$, here's a link to some cool program that you DON"T need to be a student in order to download » Microsoft Visual Studio 2008 Express Edition.

And also speaking of free software, I'm really enjoying learning PHP/MySQL. Finding it surprisingly math-y .. and I love math. I especially like that it MAKES SENSE (.. since many things in my life don't).